@charset "utf-8";
* {
    box-sizing: border-box;
}

.details-item {
    overflow: hidden;
    width: 900px;
    height: 600px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    .item-img {
        margin-top: 80px;
    }
    .item-info {
        margin-top: 80px;
        width: 500px;
        position: absolute;
        right: 0;
        .item-price {
            line-height: 30px;
            padding-bottom: 5px;
            padding-top: 5px;
            margin-top: 10px;
            margin-right: 20px;
            background: url(../images/bgc-item-price.png);
            dt {
                color: #999;
                font-size: 12px;
                text-align: left;
                float: left;
                width: 69px;
                margin: 0 0 0 8px;
            }
            dd {
                color: #333;
                margin-left: 70px;
                font-family: Arial;
                em {
                    color: #FF0036;
                    font-size: 18px;
                }
                .tm-price {
                    color: #FF0036;
                    font-size: 24px;
                    font-weight: bolder;
                }
            }
        }
        p {
            text-indent: 1em;
            margin-top: 10px;
            font-size: 16px;
            height: 30px;
            line-height: 30px;
            &>span {
                font-size: 20px;
                color: orange;
                padding-left: 10px;
            }
            #item-num {
                padding: 3px 2px 0 3px;
                line-height: 26px;
                font-size: 12px;
                margin: 0;
                height: 26px;
                border: 1px solid #a7a6ac;
                width: 36px;
                color: #666;
            }
            b {
                display: inline-block;
                vertical-align: middle;
                .mui-amount-increase {
                    margin-bottom: 3px;
                    border-bottom-color: #333;
                }
                .mui-amount-decrease {
                    border-top-color: #333;
                }
                span {
                    width: 0px;
                    height: 12px;
                    overflow: hidden;
                    border: 6px solid transparent;
                    display: block;
                    cursor: pointer;
                }
            }
        }
        .item-cart {
            margin-top: 30px;
            margin-left: 100px;
            display: block;
            background-color: #ff0036;
            border: 1px solid #ff0036;
            color: #fff;
            width: 178px;
            height: 38px;
            line-height: 38px;
            text-align: center;
            font-size: 16px;
        }
        .item {
            margin: 13px;
            span {
                font-size: 16px;
                b {
                    color: orangered;
                    font-size: 15px;
                }
            }
            li {
                text-indent: 2em;
                color: #666;
            }
        }
    }
}